@mixin xgx-sticky($name, $top, $bottom) {
  .xgx-sticky-#{$name} {
    overflow-y: auto;

    @include media-breakpoint-up($xgx_base_breakpoint) {
      @supports (position:-webkit-sticky) or (position: sticky) {
        position: -webkit-sticky;
        position: sticky;
        top: #{$top};
      }
      height: calc(100vh - #{$top} - #{$bottom});
    }

    @content
  }
}

@mixin xgx-zico($name){
  .zi_#{$name} {
    &:before {@content}
  }
}
